<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>表单_label标签</title>
</head>

<body>
    <form action="https://search.jd.com/search">
       <fieldset>
           <legend>主要信息</legend>
           <label for="zhanghu"> 账户：</label>
           <input type="text" name="acount"  id="zhanghu" maxlength="10">
           <br>
           <label>
               密码：
               <input type="password" name="pwd" maxlength="7">
           </label>
           <br>
           性别：
           <!-- 需要划分在一组内，选男不选女，选女不选男 -->
           <!-- 单选按钮必须带上属性 value-->
           <input type="radio" name="gender" value="male" id="nan">
           <label for="nan">男</label>
           <label >
               <input type="radio" name="gender" value="female">女
           </label>
       </fieldset>
        <br>
       <fieldset>
           <legend>附加信息</legend>
           爱好：
           <label >  
               <input type="checkbox" name="hobby" value="smoke">抽烟
           </label>
           <label >
               <input type="checkbox" name="hobby" value="drink">喝酒
           </label>
           <label>
               <input type="checkbox" name="hobby" value="perm">烫头
           </label>  
           <br>
           <label>
               其他：
               <textarea name="other" cols="23" rows="3"></textarea>
           </label>
           
           <br>
           <label>
               籍贯：
               <select name="place">
                   <option value="沪">上海</option>
                   <option value="皖">安徽</option>
               </select>
           </label>
       </fieldset>
        <!-- 隐藏域 -->
        <input type="hidden" name="tag" value="100">
        <br>
        <br>
        <!-- 确认的第一种写法 -->
        
        <button>确认</button>
        <!-- 确认的第二种写法 -->
        <!-- <input type="submit"  value="确认"> -->
        <!-- 重置的第一种写法 -->
        <button type="reset">重置</button>
        <!-- 重置的第二种写法
        <input type="reset" value="点击我重置"> -->
        <button type="button">检测账户是否被注册</button>
    </form>
</body>

</html>